<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transsitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1-Transsitional.dtd">
<html xmlns="html://www.w3.org/1999/xhtml">
  <head>
    <title>管理员列表</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
   	<link type="text/css" rel="Stylesheet" href="admin_style.css" />
  </head>
  
  <body>
  		<!-- Logo区域 -->
  		<div id="header">
  			<img src="../picture/logo.png" alt="logo" />
  			<a href="#">[退出]</a>
  		</div>
  		<!-- 导航区域 -->
  		<div id="navi">
	  		<ul id="menu">
	  			<li><a href="#" class="index_off"></a></li>
	  			<li><a href="#" class="role_off"></a></li>
	  			<li><a href="#" class="admin_off"></a></li>
	  			<li><a href="#" class="fee_off"></a></li>
	  			<li><a href="#" class="account_off"></a></li>
	  			<li><a href="#" class="service_off"></a></li>
	  			<li><a href="#" class="bill_off"></a></li>
	  			<li><a href="#" class="report_off"></a></li>
	  			<li><a href="#" class="information_off"></a></li>
	  			<li><a href="#" class="password_off"></a></li>
	  		</ul>
  		</div>
  		<!-- 主要区域 -->
  		<div id="main">
	  		<form>
	  				<!-- 操作区域 -->
		  			<div id="operate">
		  				 <input type="button" value="增加"  class="btn_add" />
		  			</div>
		  			<!-- 信息提示框-->
		  			<div id="operate_result_info" class="operate_success">
		  				<img src="../picture/close.png" />
		  				<span>操作成功！</span>
		  			</div>
		  			
		  			<div id="operate_result_info" class="operate_fail">
		  				<img src="../picture/close.png" />
		  				<span>操作失败！</span>
		  			</div>
		  			
		  			<!-- 数据区域 -->
		  			<div id="data">
		  				<table id="datalist">
		  					<tr class="header">
			  					<td>
			  						<input type="checkbox" />
		  							<span>全选</span>
			  					</td>
		  						<td>管理员</td>
		  						<td>姓名</td>
		  						<td>拥有角色</td>
		  						<td></td>
		  					</tr>
		  					<tr>
			  					<td><input type="checkbox" /></td>
		  						<td>1</td>
		  						<td>贾强</td>
		  						<td>超级管理员，角色管理员，账单管理员</td>
		  						<td>
		  							<input type="button" class="btn_modify" value="修改" />
		  							<input type="button" class="btn_delete" value="删除" />
		  						</td>
		  					</tr>
		  					<tr>
			  					<td><input type="checkbox" /></td>
		  						<td>2</td>
		  						<td>贾强</td>
		  						<td>超级管理员，账务账号管理员</td>
		  						<td>
		  							<input type="button" class="btn_modify" value="修改" />
		  							<input type="button" class="btn_delete" value="删除" />
		  						</td>
		  					</tr>
		  					<tr>
			  					<td><input type="checkbox" /></td>
		  						<td>3</td>
		  						<td>贾强</td>
		  						<td>超级管理员</td>
		  						<td>
		  							<input type="button" class="btn_modify" value="修改" />
		  							<input type="button" class="btn_delete" value="删除" />
		  						</td>
		  					</tr>
		  					<tr>
			  					<td><input type="checkbox" /></td>
		  						<td>2</td>
		  						<td>贾强</td>
		  						<td>超级管理员，账务账号管理员</td>
		  						<td>
		  							<input type="button" class="btn_modify" value="修改" />
		  							<input type="button" class="btn_delete" value="删除" />
		  						</td>
		  					</tr>
		  				</table>
		  			</div>
	  			<!-- 分页 -->
		  			<div id="pages">
	  				<a href="#">上一页 </a>
	  				<a href="#" class="current_page">1</a>
	  				<a href="#">2</a>
	  				<a href="#">3</a>
	  				<a href="#">4</a>
	  				<a href="#">5</a>
	  				<a href="#">下一页 </a>
	  				</div>
	  		</form>
  		</div>
  		<!-- 页脚区域 -->
  		<div id="footer">
  		<p>&lt;源自北美的技术，最优秀的师资，最真实的企业环境，最使用的实战项目&gt;</p>
  		<p>版权所有&copy;加拿大达内IT培训集团公司</p>
  		</div>
  </body>
</html>
